<!DOCTYPE html>
<html>
    <head>
        <title>indexhtml</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
        <link type="text/css" rel="stylesheet" media="screen" href="css/test.css">
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
<!-- 		<script type="text/javascript" src="js/playinfo1TestJson.js"> -->
		</script>
		
        <style type="text/css">
		#topDiv div{
			position: absolute;
		}
		#middleDiv div{
			position: absolute;
		}
		
		 .nav{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 30px;
			width:150px;
			height: 50px;
			top:50px
		}
		
		
		
		.div-inline div{
			display:inline-block;
		}
		
		.div-inline1{
			left:20px;
		}
		.div-inline1>img{
			width:366px;
		}
		
		
		.div-inline2{
			left:396px;
		}
		
		.div-inline2>img{
			width:213px;
		}
		
		
		.div-inline3{
			left:20px;
			top:242px;
		}
		
		.div-inline3>img{
			width:589px;
		}
		.div-inline4{
			left:619px;
		}
		
		.div-inline4>img{
			width:405px;
		}
		
		
		.div-inline5{
			left:1034px;
		}
		
		.div-inline5>img{
			width:366px;
		}
		
		.div-inline6{
			top:242px;
			left:1034px;
		}
		
		.div-inline6>img{
			width:366px;
		}
		
		.navFocus{
			position:absolute;
			width:182px; 
			height:94px; 
			background:url(images/play/1focus.jpg) no-repeat; 
			display:none; 
			top:0px;
		}
		
		.navFocus1{
			position:absolute;
			width:237px; 
			height:117px; 
			background:url(images/play/2focus.jpg) no-repeat; 
			display:none; 
			top:0px;
		}


		</style>
		<script type="text/javascript" src="js/mylib.js"></script>
		<script type="text/javascript" src="js/playinfo1.js"></script>
		<script type="text/javascript">
		var compilationsTest={};
		
		var total=0;
		var dataJson = {};
		var listData;	

		var name;
 		var playUrlCode;
 		var totaltop=0
		var datatopJson = {};
		var listtopData;
		var playViewCode= GetQueryString("playViewCode");
		function addtitle(){
			for(var i=0; i<totaltop; i++){
				var div = $("<div>");
				var fonts;
				var font;
				div.attr("class","navFocus common");
				div.attr("style","left:0px;top:"+(i*100)+"px");
				$("#topDiv").append(div);
				font = $("<font>");
				font.attr("size","5");
				font.attr("style","position:absolute; width:180px;left:10px;top:"+((i*100)+20)+"px");
				font.attr("color","#FFFFFF");
				font.append(listtopData[i].name);
				$("#topDiv").append(font);
			} 
		}
		 function gamel(x){
			playUrlCode=playViewCode+"_"+x;
			var map={};
			map.viewCode=playViewCode+"_"+x;
			map.viewType="3";//视频列表
			var url="QueryViewServlet";
			mylib.postAjaxContent(map,url,callBackContent=function(data){
				if(data!=null&&data.length>0){
					compilationsTest.testJSON=data[0];
					window.compilationsTest = compilationsTest;
					dataJson = compilationsTest.testJSON;
					listData = dataJson.index_list.index;
					total = listData.length;
					$("#middleDiv").empty();
					//gamel();
					for(var i=0; i<total; i++){
								var div = $("<div>");
								var fonts;
								var font;
								div.attr("class","navFocus1 common");
								div.attr("style","left:0px;top:"+(i*100)+"px");
								$("#middleDiv").append(div);
								font = $("<font>");
								font.attr("size","5");
								font.attr("style","position:absolute;width:230px; left:10px;top:"+((i*100)+20)+"px");
								font.attr("color","#FFFFFF");
								font.append(listData[i].name);
								$("#middleDiv").append(font);
					} 
				}
			});//	获取图片内容
		} 
		
		 
		$(document).ready(function(){
			//初始化视频列表title
			var map={};
				map.viewCode=playViewCode;
				map.viewType="2";//视频标题
			var url="QueryViewServlet";
			mylib.postAjaxContent(map,url,callBackContent=function(data){
				if(data!=null&&data.length>0){
					datatopJson =data[0];
					listtopData = datatopJson.index_list.index;
					totaltop = listtopData.length;
					addtitle();
				}
			});//	获取图片内容
		})
		</script>

  </head>
  <body>
  		ck播放器
       <img style="width:1270x;height:720px;position:absolute;left:0px;top:0px" src="images/bg1.jpg"></img> 
       <img style="width:182px;height:720px;position:absolute;left:0px;top:0px" src="images/play/1.jpg"></img> 
   	  
   	  <div id="topDiv" style="left:0px;top:0px width:360x;" class="subMenuItem1"> 
      </div>
   	  
   	 
   	   <img id="2bj" style="filter:alpha(Opacity=0);width:236px;height:720px;position:absolute;left:180px;top:0px" src="images/play/2.png"></img> 
  	   <div id="middleDiv" style="left:180px; height:720px;width:360px;position:absolute;" class="subMenuItem1"> 

  		</div>
  		<div id="a1" style="left:420px; width:800px;height:480px;position:absolute" ></div>
   </div> 

  	
    

  </body>
  <script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
	<script type="text/javascript">
 	    var flashvars={
	        f:'http://120.76.74.34:8090/jdh_view/video/g4.mp4',
	        c:0,
	        p:2,
	        wh:'16：',
	        e:0
	    };
	    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
	    var video=[];
	    video[0]="";
	    CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video,params); 

	</script>

  <script type="text/javascript">
	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
		var listDataaa=listData;
		var index=menu.getTabsDivIndex;
		var aa=listData[index].name;
		var url=listData[index].url;//配置的index需要按顺序，0开始
	    var video=[];
	    video[0]=url;
	   	CKobject.getObjectById("ckplayer_a1").newAddress(video);
	    CKobject.getObjectById("ckplayer_a1").videoPlay();
	    CKobject.getObjectById("ckplayer_a1").videoSeek(5);
        mylib.bind_key();
       }
      }
	</script>
</html>
